<template>
	<u-popu :value="contact_popup" @close="contact_popup=false" mode="center" border-radius="20" width="100%" >
		<view class="home-contact">
			<view class="contact-card">
				<view class="contact-close" @click="contact_popup=false">
					<u-icon name="close" size="28" color="#999"></u-icon>
				</view>
				<view class="contact-avatar">
					<view class="avatar-position">
						<u-avatar border :src="shop_data.logo" size="80"></u-avatar>
					</view>
				</view>
				<view class="contact-item">
					<view class="contact-left">微信</view>
					<view class="contact-vluer">{{shop_data.wechat}}</view>
					<view class="contact-right">
						<button class="contact-button cu-btn" @click="copyChang(shop_data.wechat)">复制</button>
					</view>
				</view>
				<view class="contact-item show">
					<view class="contact-left">昵称</view>
					<view class="contact-vluer">{{shop_data.title}}</view>
					<view class="contact-right">
						<button class="contact-button cu-btn" @click="copyChang(shop_data.title)">复制</button>
					</view>
				</view>
				<view class="contact-item show">
					<view class="contact-left">手机</view>
					<view class="contact-vluer">{{shop_data.phone}}</view>
					<view class="contact-right">
						<button class="contact-button cu-btn" @click="makePhoneCall(shop_data.phone)">呼叫</button>
					</view>
				</view>
				<view class="contact-end">
					<view class="end-line"></view>
					<view class="end-text">END</view>
					<view class="end-line"></view>
				</view>
			</view>
		</view>
	</u-popu>
</template>

<script>
	export default {
		name:"contact-popup",
		props:{
			show:{
				type:Boolean,
				default:false
			}
		},
		data() {
			return {
				contact_popup:false
			};
		},
		methods:{
			controller(e){
				this.contact_popup = e
			}
		}
	}
</script>

<style lang="scss">

</style>